<template>
  <div>
    <!-- 需求:当页面加载时,让文本框自动获取焦点 -->
    <!-- 封装成指令,将来其他地方也可以使用 -->
    用户名:<input v-focus type="text" />
  </div>
</template>

<script>
// 指令的使用
// 1.注册
// - 全局注册
// - 局部注册
// 2.使用
export default {
  name: "VueComponentsApp",

  data() {
    return {};
  },
  directives:{
    focus:{
      // 注册指令时传入的配置对象
      inserted (el){
        el.focus()
      }
    }
  }
 
};
</script>

<style lang="scss" scoped>
</style>